import { Link } from 'react-router-dom'

const HotRecommend = () => {
  return (
    <>
      <div className="HotRecommend-Wrap">
        <div className="border-line mb-3 pb-2">
          <div className="screening-column row">
            <div className="col-10 d-flex align-content-center ">
              <span className="hotPlay-txt mr-4">热门推荐</span>
            </div>
            <div className="col-2 d-flex justify-content-end align-items-end">
              <span className="page-count f-size-12 mr-3">
                3<i style={{ paddingLeft: 2, paddingRight: 2 }}>/</i>6
              </span>
              <div className="slider-btn d-flex ">
                <span className="btn-prev mr-1"></span>
                <span className="btn-next"></span>
              </div>
            </div>
          </div>
        </div>
        <div className="Copywriting-Warp">
          <div className="overflow-hidden">
            <ul className="slider-content">
              <li className="slider-item d-flex">
                <a href="" className="cover-img">
                  <img src={require('../assets/images/d0dc2ed9de01c45.png')} alt="" className="poster" />
                </a>
                <div className="movie-info">
                  <h3 className="title f-size-18 text-left pb-2">《奇异博士2》官方中字预告</h3>
                  <span className="attach text-left">奇异博士与红女巫旺达联手！魔法组重聚</span>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      {/* 最受欢迎的影评 */}
      <div className="GoodsFilm-Wrap">
        <div className="pb-2">
          <div className="screening-column row">
            <div className="col-10 d-flex align-content-center ">
              <span className="hotPlay-txt mr-2">最受欢迎的影评</span>
              <span>
                <Link to={''} className="a-color f-size-13 mr-2">
                  更多热门影评»
                </Link>
              </span>
              <span>
                <Link to={''} className="a-color f-size-13">
                  新片影评»
                </Link>
              </span>
            </div>
          </div>
        </div>
        <ul className="d-flex flex-direction-column flex-wrap">
    
          
        </ul>
      </div>
    </>
  )
}

export default HotRecommend
